<div name='T_e865' >
    <div name='T_af09'  className="g-user">
        <div name='T_9e52'  className="c-layout clearfix">
            <SliderComponent name='T_961c'  data={this.props.data.slider}></SliderComponent>
            <div name='T_f20b'  className="m-content" id="mtable">
                <div name='T_9037'  className="m-search-box">
                    <input name='T_3146'  id="search" onKeyDown={this.enter} maxLength="30"  className="input" type="text" placeholder="请输入用户名、姓名或移动电话"/>
                    <input name='T_e3a7'  onClick={this.search.bind(this,true)} className="btn-red" type="button" value="搜索"/>
                </div>

                <div name='T_2532'  className="m-operate-box">
                    <label name='T_52a3'  className="m-checkbox checkbox-all unchecked"></label>
                    <button name='T_f583'  onClick={this.add} className="btn-red">添加</button>
                    {/*<button name='T_7c8a'  onClick={this.del} className="btn-red">删除</button>*/}
                    <button name='T_9cf7'  onClick={this.locked} className="btn-red">锁定</button>
                    <button name='T_582d'  onClick={this.unlocked} className="btn-red">解锁</button>
                    <button name='T_0e61'  style={{'width':'auto'}} onClick={this.repassword} className="btn-red">重置密码</button>
                </div>

                <div name='T_a819'  className="m-list-box">
                    {list.map(function(item,index){
                        return (
                            <div name='T_de4f'  className="list-share">
                                <label name='T_631c'  data-id={item.id} className="m-checkbox checkbox-self unchecked"></label>
                                <div name='T_c352'  className="list-share-tit clearfix">
                                    <div name='T_ccea'  className="c-fl">{_this.restData.pageSize*(_this.restData.pageIndex -1)+index+1}</div>
                                    <div name='T_82a3'  className="c-fr">
                                        <a name='T_deb0'  href="javascript:;" onClick={_this.edit.bind(_this,item.id)}>编辑</a>
                                    </div>
                                </div>
                                <div name='T_8294'  className="list-share-con clearfix">
                                    {item.isLocked ? <div name='T_71b3'  className="locked c-fl"></div>: ''}
                                    <img name='T_7de1'  className="photo c-fl" src={item.userAvatar || "/images/avatar1.png"} width="100" height="100"/>
                                    <div name='T_7fe5'  className="info c-fl">
                                        <p name='T_1cca' >用户名：{item.userName}</p>
                                        <p name='T_dc84' >姓名：{item.fullName}</p>
                                        <p name='T_215a' >工作邮箱：{item.email}</p>
                                        <p name='T_d3f7' >移动电话：{item.mobilePhone}</p>
                                    </div>
                                </div>
                            </div>
                        );
                    })}
                    {Browser &&
                    <Pagination
                            onChange={this.onPageChange}
                            onShowSizeChange={this.onPageChange}
                            total={totalResult}
                            showQuickJumper
                            showSizeChanger
                            showLessItems
                    />
                    }
                </div>
            </div>
        </div>
    </div>

    {/*添加或者编辑弹出层*/}
    {Browser &&
    <div name='T_f230'  className="layer-cover">
        <div name='T_10c0'  className="m-layer-middle layer-has-top layer-has-bottom">
            <div name='T_6f07'  className="layer-title">
                {_this.state.id == 0 ? '添加子账号' : '账号详情'}
            </div>
            <div name='T_3a0e'  className="layer-content">
                <ul name='T_9cea'  className="layer-ul">
                    <li name='T_fa79' >
                        <div name='T_a6bd'  className="left">
                            <span name='T_3231'  className="red">*</span>
                            <span name='T_5d6e' >用户名：</span>
                        </div>
                        <div name='T_ad53'  className="right">
                            {_this.state.id == 0 ? <input onBlur={this.ansycCheck.bind(this, 'username')} id="username" onChange={this.changeValue.bind(this)} value={this.state.username} name="username" className="input" maxLength='30'  autocomplete="off"/> : _this.state.username}

                            {(this.state.usernameError || this.state.usernameansyc) && <div name='T_91ff'  className="errors-tips">{this.state.usernameErrorMsg}</div>}
                        </div>
                    </li>
                    <li name='T_71d6' >
                        <div name='T_8133'  className="left">
                            <span name='T_0fce'  className="red">*</span>
                            <span name='T_d5a5' >姓名：</span>
                        </div>
                        <div name='T_ba60'  className="right">
                            <input id="name" onChange={this.changeValue.bind(this)} value={this.state.name} name="name"  className="input" maxLength='30'  autocomplete="off"/>
                            {this.state.nameError && <div name='T_2300'  className="errors-tips">{this.state.nameErrorMsg}</div>}
                        </div>
                    </li>
                    <li name='T_3b47' >
                        <div name='T_4f47'  className="left">
                            <span name='T_2490'  className="red">*</span>
                            <span name='T_af6e' >工作邮箱：</span>
                        </div>
                        <div name='T_9c60'  className="right">
                            <input onBlur={this.ansycCheck.bind(this, 'email')} id="email" onChange={this.changeValue.bind(this)} value={this.state.email} name="email"  className="input" maxLength='30'  autocomplete="off"/>
                            {(this.state.emailError || this.state.emailansyc) && <div name='T_2c0b'  className="errors-tips">{this.state.emailErrorMsg}</div>}
                        </div>
                    </li>
                    <li name='T_8215' >
                        <div name='T_09db'  className="left">
                            <span name='T_d3ea'  className="red">*</span>
                            <span name='T_d069' >移动电话：</span>
                        </div>
                        <div name='T_b661'  className="right">
                            <input onBlur={this.ansycCheck.bind(this, 'mobile')} id="mobile" onChange={this.changeValue.bind(this)} value={this.state.mobile} name="mobile"  className="input" maxLength='30'  autocomplete="off"/>
                            {(this.state.mobileError || this.state.mobileansyc) && <div name='T_10d6'  className="errors-tips">{this.state.mobileErrorMsg}</div>}
                        </div>
                    </li>
                </ul>
            </div>
            <div name='T_564d'  className="layer-bottom">
                <button name='T_0f46'  onClick={this.cancel} className="btn-normal">取消</button>
                <button name='T_0de8'  onClick={this.save} className="btn-red">保存</button>
            </div>
        </div>
    </div>}
</div>